html, body {
    background-color: #EEEEEE;
}

.list {}

.list-date {
    text-align: center;
    margin: 20px 0px 10px;
}

.list-date-msg {
    background-color: #CACACA;
    border-radius: 21px;
    color: #FFFEFE;
    font-size: 11px;
    padding: 1px 10px;
}

.mui-table-view:before, .mui-table-view-cell:after, .mui-table-view:after {
    background-color: transparent;
}

.mui-navigate-right {
    background-color: white;
    font-size: 13px;
    font-weight: bold;
}

.mui-table-view>.mui-table-view-cell.mui-collapse>.mui-active, .mui-table-view>.mui-table-view-cell.mui-collapse.mui-active>.mui-active.mui-navigate-right {
    background-color: white;
}

.mui-navigate-right:after, .mui-push-right:after {
    font-size: 16px;
}

.mui-table-view {
    margin-top: -0.2rem;
    margin-left: -0.4rem;
}


/*通知*/

.notification {
    display: flex;
    flex-direction: column;
    height: 100px;
    width: 100%;
    background-color: white;
    border-radius: 5px;
}

.notification>div {
    display: flex;
}

.fication-1 {
    flex: 4;
}

.fication-2 {
    flex: 8;
    width: 100%;
    height: 60px;
    padding-left: 12px;
    padding-right: 12px;
}

.d1 {
    color: #434343;
    font-size: 15px;
    font-weight: bold;
    padding-left: 12px;
    padding-top: 9px;
}

.d2 {
    position: absolute;
    font-size: 10px;
    color: #BFBFBF;
    padding-top: 9px;
    right: 26px;
}

.d3 {
    flex: 2;
    width: 60px;
    height: 60px;
    background-color: #0A5AFA;
    border-radius: 5px 0px 0px 5px;
}

.d3>img {
    width: 27px;
    height: 21px;
    margin: auto;
    margin-top: 18px;
}

.d3-3 {
    width: 60px;
    height: 60px;
}

.d3-3 img {
    width: 54px;
    height: 57px;
    margin: auto;
    margin-top: 2px;
}

.d4 {
    height: 60px;
    flex: 8;
    padding-left: 7px;
    font-size: 12px;
    background-color: #EEEEEE;
    border-radius: 0px 5px 5px 0px;
}

.d4>span {
    font-size: 10px;
    color: #BFBFBF;
}

.d4>a {
    text-decoration: underline;
}
